// @import 'normalize.scss';
@import 'mixin.scss';
$color-44: #444;
$color-12: #333;
$color-99: #999;
$color-f4: #f4f4f4;
$color-pink: #ff397e;


*{
  margin:0;
  padding:0;
  list-style:none;
  text-decoration:none;
}
html,body{
  width:100%;
  height:100%;
  font-family:"Microsoft YaHei",微软雅黑;
  background-color: #f1f0f4;
}

html * {
  box-sizing: border-box;
}

#mobile_app,
body,
html {
  height: 100%;
  min-height: 100%;
}

.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
}

.center {
  display: -webkit-flex!important;
  display: -webkit-box!important;
  display: flex!important;
  justify-content: center;
  align-items: center;
}

.bt {
  position: relative;

  &::after {
    @include border;
    border-bottom: 1px solid #e8e8e8;
  }

  > * {
    position: relative;
    z-index: 10;
  }
}

.yen {
  font-family: arial, Helvetica, sans-serif;
}

#mobile_app {
  position: relative;
  // max-width: 500px;
  margin: 0 auto;
}

input {
  outline: none;
  border: none;
  background: transparent;
  resize: none;
}

input[type='date'] {
  -webkit-appearance: none;
}
image[lazy=loading],
img[lazy=loading], img, .img-loading {
  // background: url("../images/default.png") center no-repeat;
  background-size: 40%;
}

.icon{
  display:inline-block;
  &-question{
    width: 14px;
    height: 14px;
    background-image: url(https://mt100180-1251601690.image.myqcloud.com/sphimspic/6/fbbb3620-ca31-11ea-b06f-b954c715dd4a_size_30x30);
  }
  background-size: 100% 100%;
}
.container{
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 #DFDFDF;
  border-radius: 6px;
  margin-bottom: 6px;
  .container-title{
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    .tips{
      font-weight: normal;
      margin-left: 10px;
      font-size: 12px;
      color: #666666;
    }
    .float-right{ // 右侧按钮
      position: absolute;
      top: 0;
      right: 12px;
    }
  }
  .is-tableBtn{
    width: 120px;
  }
  .container-body{
    &.pd{
      padding: 10px;
    }
    padding: 0 10px 12px ;
  }
}
.form-drawer{
  .el-drawer__body{
    position: relative;
    .drawerContainer{
      display: flex;
      flex-direction: column;
      height: 100%;
      flex: 1;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      .drawerFormBox{ //抽屉中的form表单
        padding:0 30px;
        flex: 1;
        overflow-y: scroll;
      }
      .drawerBtnBox{
        padding: 20px;
        text-align: center;
        .el-button{
          width: 120px;
        }
      }
    }
  }
}
.pageBox {
  padding-top: 10px;
  clear: both;
  .el-pagination {
    float: right;
  }

  .clear {
    clear: both;
  }
}
